body {
	font-family: Helvetica, Book Antiqua, Palatino, serif;
	color: #c0c0c0;
	background-color: #000;
	background-image: url('/images/arms.jpg');
	background-position:top right;
	background-repeat:no-repeat;
}

.header {width: 100%; height: 30px;}

#main {width: 1100px; margin: 0px auto; position: relative;}

.room_description { width: 800px; margin: 0px auto; text-align: center;}

.room_image { position: relative; opacity: .01; width: 600px; height: 400px; margin: 0px auto; background-position: top left; background-repeat: no-repeat;}

.cutscene {padding: 20px 0px; color:red; font-weight: bold; text-align: center; position: absolute; bottom: 0px; background-color: rgba(0,0,0,.7); width: 100%;}

img {width:100%; height:auto; }

.action_form { width: 100%}


.room_inventory p, .player_inventory p, .actions p { 
	text-align: center;
	font-weight: bold;
}

.room_inventory, .player_inventory, .actions  { 
	padding:0px 10px 10px 10px; 
	width:200px; 
}

.player_inventory, .actions  { 
	background-color: rgba(50,50,50,.5);
}

.footer { padding-top:50px; clear:both; text-align: center; text-decoration: none; text-color: white; font-size: 10pt; }

.room_inventory {
	width: 436px;
	margin: 0px auto;
	text-align: center;
}

.player_inventory {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 215px;
	min-height: 160px;
}

.actions {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 215px;
	margin: auto 0px;
}

.actions p {
	margin: 20px 0px 5px 0px;
}

DIV.inventory DIV.item {
	height: 100px;
	width: 100px;
	
	border: 1px solid #303030;
	background-color: black;
	color: #909090;
	cursor: pointer;
	vertical-align: bottom;
	text-align: center;
	font-size: 10pt;
	position: relative;
	float: left;
	margin: 0px 2.5px 5px 2.5px;
	transition: border-color .3s, background-color .3s, color .3s;
	border-radius:8px;
	background-repeat: no-repeat;
	background-position: top left;
	overflow: hidden;
}

DIV.inventory DIV.item:hover {
	border: 1px solid #c0c0c0;
	background-color: #191919;
	color: #c0c0c0;
}

DIV.inventory DIV.item:hover DIV.label {
	background-color: #191919;	
	opacity: .7;
}

DIV.inventory DIV.item DIV.label {
	position: absolute;
	bottom:0px;
	width:100%;
	background-color: rgba(0,0,0,.5);
	padding: 3px 0px;
	border-radius: 8px;
	transition: background-color .3s, opacity .3s;
	opacity: 0;
}
DIV.inventory input {
	display: none;
}

DIV.actions input {
	width: 100%;
	height: 30px;
	border: 1px solid #303030;
	color: #909090;
	background-color: black;
	margin-bottom: 2.5px;
	transition: color .3s, background-color .3s, border-color .3s;
}

DIV.actions input:hover {
	border: 1px solid #c0c0c0;
	background-color: #191919;
	color: #c0c0c0;
}

#GrapplingGun 	{background-image: url('/images/grappling_gun.png');}
#Flashlight 	{background-image: url('/images/flashlight.jpg');}
#Batteries 		{background-image: url('/images/batteries.jpg');}
#CrumpledNote 	{background-image: url('/images/crumplednote.jpg');}
#StudentID 		{background-image: url('/images/bustudentid.png');}
#Latte 			{background-image: url('/images/latte.jpg');}